<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>pCSS定位-固定定位2</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    .box {
        position: relative;
        width: 900px;
        height: 900px;
        background-color: #f5f5f5;
        margin: 0 auto;
        font: normal 700 18 Microsoft YaHei;
        text-align: center;
    }
    .left {
        position: fixed;
        top: 150px;
        left: 0;
    }
    .right {
        position: fixed;
        top: 150px;
        right: 0;
    }
  
</style>

<body>
    <div class="box">
        <div class="left"><img src="images/王者荣耀.png" alt=""></div>

        <div class="center">
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
            <p>王者荣耀十周年快乐</p>
        </div>
        <div class="right"><img src="images/王者荣耀.png" alt=""></div>

    </div>
</body>

</html>